<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <!---Read only section. Source panel edits to these document properties will not be persisted-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Call SystemLink Data Services</title>
        <!---End read only section. Additional scripts or document properties can be added outside this section-->
        <link href="ni-webvi-resource-v0/favicon.ico" type="image/x-icon" rel="icon">
<link href="ni-webvi-resource-v0/Web/dist/Styles/niBase.DeployedRun.min.css" type="text/css" rel="stylesheet">
<script src="ni-webvi-resource-v0/BrowserDetection.js" type="text/javascript" nomodule=""></script>
<script src="ni-webvi-resource-v0/DeployedRun.min.js" type="module"></script>
<script src="ni-webvi-resource-v0/VireoImport.min.js" type="module"></script>
<script src="ni-webvi-resource-v0/ResourceLoadDetection.js" defer=""></script>
<style ni-autogenerated-style-id="">
		/* Read only section. Source panel edits to the content of this style tag will not be persisted */
        [ni-control-id='2'] { --ni-background: rgba(255,255,255,1); --ni-border-width: 0px 0px 0px 0px; height: 800px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 30px 30px 30px 30px; width: 1000px; --ni-max-width: none; }
        .ni-front-panel-wrapper { min-width: 1000px; }
        [ni-control-id='3'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 1px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='4'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 86px; left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 21px; width: 968px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='5'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(255,255,255,1); left: 60px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: center; --ni-text-align: center; top: 21px; font-size: 64px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; width: 888px; height: 86px; }
        [ni-control-id='6'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 160px; font-size: 16px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; width: 329px; height: 120px; }
        [ni-control-id='7'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,173,239,1); height: 40px; left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 116px; width: 824px; font-size: 21px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='9'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 96px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='8'] { --ni-border-color: rgba(168,171,174,1); --ni-border-width: 0px 0px 0px 0px; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 548px; --ni-true-foreground-color: rgba(255,255,255,1); width: 328px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='11'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 528px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='10'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 120px; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 445px; width: 600px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='18'] { font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='19'] { font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='20'] { font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='14'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 70px; left: 995px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 503px; width: 160px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='15'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 28px; left: 995px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 445px; width: 10px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='16'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 200px; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 614px; width: 320px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='17'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 35px; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 572px; width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='13'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 425px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='12'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 136px; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 277px; width: 600px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-template-id='27'], [ni-control-id='27'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 10px; --ni-overflow-x: hidden; left: 0px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 0px; --ni-overflow-y: auto; width: 10px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-template-id='28'], [ni-control-id='28'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 10px; --ni-overflow-x: hidden; left: 0px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 0px; --ni-overflow-y: auto; width: 10px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-template-id='29'], [ni-control-id='29'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 10px; --ni-overflow-x: hidden; left: 0px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 0px; --ni-overflow-y: auto; width: 10px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='26'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 257px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='25'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 216px; --ni-inactive-foreground-color: rgba(0,0,0,1); left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-min-height: 55px; --ni-padding: 0px 0px 0px 0px; top: 308px; width: 344px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='32'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 10px; left: 0px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 0px; width: 10px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='33'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 191px; left: 1px; --ni-margin: 0px 0px 0px 0px; --ni-min-height: 30px; --ni-padding: 3px 3px 3px 3px; top: 24px; width: 342px; }
        [ni-control-id='34'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; --ni-overflow-x: hidden; left: 12px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 32px; --ni-overflow-y: auto; width: 319px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='36'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 12px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 12px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='35'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; --ni-overflow-x: hidden; left: 12px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 82px; --ni-overflow-y: auto; width: 319px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='38'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 12px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 62px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='37'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 12px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 132px; width: 319px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='39'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 12px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 112px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='40'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 10px; left: 0px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 0px; width: 10px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='41'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 191px; left: 1px; --ni-margin: 0px 0px 0px 0px; --ni-min-height: 30px; --ni-padding: 3px 3px 3px 3px; top: 24px; width: 342px; }
        [ni-control-id='42'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; --ni-overflow-x: hidden; left: 10px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 37px; --ni-overflow-y: auto; width: 319px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='44'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 10px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 17px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='43'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(115,169,216,1); height: 24px; left: 15px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 159px; width: 280px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='46'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 15px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 139px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='45'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); left: 15px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; width: 248px; height: 40px; }
        [ni-control-id='31'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 288px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='30'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 40px; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 212px; width: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='48'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 192px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='47'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 676px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 212px; width: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='50'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 676px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 192px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='49'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; --ni-overflow-x: hidden; left: 484px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 212px; --ni-overflow-y: auto; width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='52'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 484px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 192px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='51'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 56px; left: 772px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 212px; width: 200px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='54'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 772px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 192px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='53'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 88px; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 596px; width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='56'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 576px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='55'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; --ni-overflow-x: hidden; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 711px; --ni-overflow-y: auto; width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='58'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 691px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='57'] { --ni-border-color: rgba(168,171,174,1); --ni-border-width: 0px 0px 0px 0px; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 28px; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 756px; --ni-true-foreground-color: rgba(255,255,255,1); width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='60'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 736px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='59'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 88px; left: 788px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 596px; width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='61'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; --ni-overflow-x: hidden; left: 788px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 711px; --ni-overflow-y: auto; width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='63'] { --ni-border-color: rgba(168,171,174,1); --ni-border-width: 0px 0px 0px 0px; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 28px; left: 788px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 756px; --ni-true-foreground-color: rgba(255,255,255,1); width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='62'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 788px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 576px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='64'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 788px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 691px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='66'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 788px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 736px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='65'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 188px; left: 628px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 596px; width: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='68'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 628px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 576px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='67'] { --ni-border-width: 1px 1px 1px 1px; --ni-foreground-color: rgba(43,48,51,1); height: 176px; left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 596px; width: 176px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='71'] { --ni-border-width: 0px 0px 0px 0px; --ni-content-display: none; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 24px; --ni-true-background: rgba(255,0,0,1); --ni-true-foreground-color: rgba(255,255,255,1); width: 24px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='72'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 4px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='73'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 64px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 24px; width: 104px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='74'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 64px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 4px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='75'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 96px; --ni-overflow-x: hidden; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 72px; --ni-overflow-y: auto; width: 160px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='76'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 52px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='70'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 20px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 576px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='69'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); left: 388px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 160px; font-size: 13px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; width: auto; height: auto; }
		/* End read only section. To add additional styles, add a new style tag after this one. */</style>

    
</head>

    <body><ni-web-application location="BROWSER" engine="VIREO" vireo-source="index.via.txt" wasm-url="ni-webvi-resource-v0/node_modules/vireo/dist/wasm32-unknown-emscripten/release/vireo.core.wasm"><ni-virtual-instrument vi-name="Full Data Services App::index.gviweb"></ni-virtual-instrument></ni-web-application>
        <div id="ni-outdated-browser-message" style="display:none">This browser is missing features needed to run this web application. Open this web application in a supported browser.</div>
        <div id="ni-failed-to-load-vireo-source" style="display:none">Unable to load required dependencies. Please verify all WebVI files are available and served using an http server or use a browser that can load files directly from the filesystem.</div>
        <div class="ni-front-panel-wrapper" vi-ref="" ni-control-id="FrontPanelWrapper">
            <ni-front-panel control-resize-mode='fixed' layout='absolute' ni-control-id='2'>

                

                

                

                

                

                

                

                

                

                

                

                

            
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='3' text='Banner'></ni-label>
            <ni-url-image alternate='' binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_Banner", "dco": 2, "isLatched": false, "prop": "source", "sync": false, "unplacedOrDisabled": true}' control-resize-mode='fixed' follower-ids='["3"]' href='' label-alignment='top-left' label-id='3' ni-control-id='4' read-only='true' source='data:image/svg+xml,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22?%3E%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Crect%20width=%22100%25%22%20height=%22100%25%22%20fill=%22%23044123%22/%3E%3C/svg%3E' stretch='uniform' target='_self'></ni-url-image>
            <ni-text control-resize-mode='fixed' ni-control-id='5' text='Call SystemLink Data Services'></ni-text>
            <ni-text control-resize-mode='fixed' ni-control-id='6' text='This example demonstrates how to use a WebVI to communicate over networks with SystemLink Tags and Messages. The example also shows how code can be shared between WebVIs and GVIs using a library.'></ni-text>
            <ni-hyperlink binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_LearnMoreLink", "dco": 0, "isLatched": false, "prop": "href", "sync": false, "unplacedOrDisabled": true}' content='Learn more about this example at github.com/ni/webvi-examples' control-resize-mode='fixed' follower-ids='["9"]' href='https://github.com/ni/webvi-examples' label-alignment='top-left' label-id='9' ni-control-id='7' target='_self'></ni-hyperlink>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='9' text='Learn more link'></ni-label>
            <jqx-toggle-button binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_Connect", "dco": 1, "isLatched": true, "prop": "value", "sync": false, "unplacedOrDisabled": false}' click-mode='release' content-visible='true' control-resize-mode='fixed' follower-ids='["11"]' glyph-content='' label-alignment='top-left' label-id='11' ni-control-id='8' text-content='Connect'></jqx-toggle-button>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='11' text='connect'></ni-label>
            <ni-chart binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_NumericTagChart", "dco": 3, "isLatched": false, "prop": "value", "sync": true, "unplacedOrDisabled": false}' buffer-size='1024' control-resize-mode='resize-horizontally' follower-ids='["14", "15", "16", "17", "13"]' label-alignment='top-left' label-id='13' ni-control-id='10' ni-type='{"fields": ["Element 0", "Element 1", "Element 2", "Element 3", "Element 4", "Element 5", "Element 6", "Element 7", "Element 8"], "name": "Cluster", "subtype": ["Double", "Double", "Double", "Double", "Double", "Double", "Double", "Double", "Double"]}' plot-area-margin='{"bottom": 0, "left": 0, "right": 0, "top": 0}' read-only='true' value='{"data": [], "size": 1024, "startIndex": 0, "valueType": "HistoryBuffer"}'>
                <ni-cartesian-axis auto-scale='sliding-window' axis-position='bottom' format='LVRelativeSeconds:0' grid-lines='true' label='Time' maximum='100' minimum='0' ni-control-id='18' show-label='true' show-minor-ticks='true' show-tick-labels='all' show-ticks='true' time-format-epoch='-2082844800000'></ni-cartesian-axis>
                <ni-cartesian-axis auto-scale='loose' axis-position='left' format='LVRelativeSeconds:G6&gt;&gt;0.000E+0' grid-lines='true' label='Amplitude' maximum='10' minimum='0' ni-control-id='19' show='true' show-label='true' show-minor-ticks='true' show-tick-labels='all' show-ticks='true' time-format-epoch='-2082844800000'></ni-cartesian-axis>
                <ni-cartesian-plot hover-format='{0}, {1}' label='Plot' ni-control-id='20' show='true' show-label='true' xaxis='18' yaxis='19'>
                    <ni-cartesian-plot-renderer area-base-line='negativeinfinity' area-fill='' bar-base-line='negativeinfinity' bar-fill='' line-stroke='rgba(150,36,40,1)' line-style='solid' line-width='1' ni-control-id='21' point-color='' point-shape='ellipse' point-size='7.0710678118654755'></ni-cartesian-plot-renderer>
                </ni-cartesian-plot>
            </ni-chart>
            <ni-scale-legend class='ni-hidden' control-resize-mode='fixed' graph-ref='10' ni-control-id='14'></ni-scale-legend>
            <ni-plot-legend class='ni-hidden' control-resize-mode='fixed' graph-ref='10' ni-control-id='15'></ni-plot-legend>
            <ni-cursor-legend class='ni-hidden' control-resize-mode='fixed' graph-ref='10' ni-control-id='16'></ni-cursor-legend>
            <ni-graph-tools class='ni-hidden' control-resize-mode='fixed' graph-ref='10' ni-control-id='17'></ni-graph-tools>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='13' text='Numeric Tag Chart'></ni-label>
            <ni-data-grid binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_TagGrid", "dco": 4, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' column-header-visible='true' control-resize-mode='fixed' follower-ids='["26"]' label-alignment='top-left' label-id='26' ni-control-id='12' ni-type='{"name": "Array", "rank": 1, "subtype": {"fields": ["Tag Paths", "Value", "Timestamp"], "name": "Cluster", "subtype": ["String", "String", "String"]}}' read-only='true' row-height='22' value='[]'>
                <ni-data-grid-column field-name='Tag Paths' header='Tag Paths' index='0' ni-control-id='22' width='auto'>
                    <ni-string-control control-resize-mode='fixed' escaped-display-mode='default' ni-control-id='27' read-only='true' text=''></ni-string-control>
                </ni-data-grid-column>
                <ni-data-grid-column field-name='Value' header='Value' index='1' ni-control-id='23' width='120px'>
                    <ni-string-control control-resize-mode='fixed' escaped-display-mode='default' ni-control-id='28' read-only='true' text=''></ni-string-control>
                </ni-data-grid-column>
                <ni-data-grid-column field-name='Timestamp' header='Timestamp' index='2' ni-control-id='24' width='160px'>
                    <ni-string-control control-resize-mode='fixed' escaped-display-mode='default' ni-control-id='29' read-only='true' text=''></ni-string-control>
                </ni-data-grid-column>
            </ni-data-grid>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='26' text='Tag Grid'></ni-label>
            <ni-tab-control binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_AuthenticationCredentials", "dco": 9, "isLatched": false, "prop": "selectedIndex", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='both-directions' follower-ids='["31"]' label-alignment='top-left' label-id='31' ni-control-id='25' selected-index='0' tab-strip-placement='Top' tabindex='0'>
                <ni-tab-item control-resize-mode='fixed' header='SystemLink Server' layout='absolute' ni-control-id='32' tab-position='0'>
                    <ni-layout-panel control-resize-mode='fixed' ni-control-id='33'>
                        <ni-string-control binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_ServerUrl", "dco": 7, "isLatched": false, "prop": "text", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["36"]' label-alignment='top-left' label-id='36' ni-control-id='34' text=''></ni-string-control>
                        <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='36' text='server url'></ni-label>
                        <ni-string-control binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_Username", "dco": 6, "isLatched": false, "prop": "text", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["38"]' label-alignment='top-left' label-id='38' ni-control-id='35' text=''></ni-string-control>
                        <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='38' text='username'></ni-label>
                        <jqx-password-text-box binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_Password", "dco": 23, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' follower-ids='["39"]' label-alignment='top-left' label-id='39' ni-control-id='37' value=''></jqx-password-text-box>
                        <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='39' text='password'></ni-label>
                    </ni-layout-panel>
                </ni-tab-item>
                <ni-tab-item control-resize-mode='fixed' header='SystemLink Cloud' layout='absolute' ni-control-id='40' tab-position='1'>
                    <ni-layout-panel control-resize-mode='fixed' ni-control-id='41'>
                        <ni-string-control binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_APIKey", "dco": 8, "isLatched": false, "prop": "text", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["44"]' label-alignment='top-left' label-id='44' ni-control-id='42' text=''></ni-string-control>
                        <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='44' text='API Key'></ni-label>
                        <ni-hyperlink binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_SystemLinkCloudTagViewerLink", "dco": 14, "isLatched": false, "prop": "href", "sync": false, "unplacedOrDisabled": true}' content='Use Tag Viewer to manage or debug your tags' control-resize-mode='fixed' follower-ids='["46"]' href='https://www.systemlinkcloud.com/tags/viewer' label-alignment='top-left' label-id='46' ni-control-id='43' target='_self'></ni-hyperlink>
                        <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='46' text='SystemLink Cloud Tag Viewer link'></ni-label>
                        <ni-text control-resize-mode='fixed' ni-control-id='45' text='Note: You do not need to specify an API Key when hosting a WebVI on SystemLink Cloud'></ni-text>
                    </ni-layout-panel>
                </ni-tab-item>
            </ni-tab-control>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='31' text='Authentication Credentials'></ni-label>
            <jqx-switch-button binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_BooleanTag", "dco": 10, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' click-mode='release' control-resize-mode='fixed' false-content='Off' follower-ids='["48"]' label-alignment='top-left' label-id='48' ni-control-id='30' orientation='horizontal' switch-mode='click' true-content='On'></jqx-switch-button>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='48' text='Boolean Tag'></ni-label>
            <jqx-numeric-text-box binding-info='{"accessMode": "readWrite", "dataItem": "dataItem_NumericTag", "dco": 11, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' enable-mouse-wheel-action='true' follower-ids='["50"]' label-alignment='top-left' label-id='50' max='Infinity' min='-Infinity' ni-control-id='47' ni-type='Double' radix='decimal' significant-digits='6' spin-buttons='true' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='50' text='Numeric Tag'></ni-label>
            <ni-string-control accepts-return='true' binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_StringTag", "dco": 12, "isLatched": false, "prop": "text", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["52"]' label-alignment='top-left' label-id='52' ni-control-id='49' text=''></ni-string-control>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='52' text='String Tag'></ni-label>
            <jqx-slider binding-info='{"accessMode": "readWrite", "dataItem": "dataItem_NumericTagSlider", "dco": 13, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' follower-ids='["54"]' format='decimal' interval='1' label-alignment='top-left' label-id='54' labels-visibility='all' max='10' mechanical-action='switchWhileDragging' min='0' ni-control-id='51' ni-type='Double' orientation='horizontal' scale-position='far' show-tooltip='true' significant-digits='6' ticks-visibility='minor' validation='interaction' value='0'></jqx-slider>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='54' text='Numeric Tag Slider'></ni-label>
            <jqx-list-box binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_MessageList", "dco": 15, "isLatched": false, "prop": "selectedIndexes", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' data-source='["State One", "State Two", "State Three"]' follower-ids='["56"]' label-alignment='top-left' label-id='56' ni-control-id='53' ni-type='Int32' selected-indexes='[]' selection-mode='zeroOrOne'></jqx-list-box>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='56' text='Message List'></ni-label>
            <ni-string-control accepts-return='true' binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_MessageString", "dco": 16, "isLatched": false, "prop": "text", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["58"]' label-alignment='top-left' label-id='58' ni-control-id='55' text=''></ni-string-control>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='58' text='Message String'></ni-label>
            <jqx-toggle-button binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_SendMessage", "dco": 17, "isLatched": true, "prop": "value", "sync": false, "unplacedOrDisabled": false}' click-mode='release' content-visible='true' control-resize-mode='fixed' follower-ids='["60"]' glyph-content='' label-alignment='top-left' label-id='60' ni-control-id='57' text-content='Send Message'></jqx-toggle-button>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='60' text='Send Message'></ni-label>
            <jqx-list-box binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_ReceivedMessageList", "dco": 18, "isLatched": false, "prop": "selectedIndexes", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' data-source='["State One", "State Two", "State Three"]' follower-ids='["62"]' label-alignment='top-left' label-id='62' ni-control-id='59' ni-type='Int32' readonly='true' selected-indexes='[]' selection-mode='zeroOrOne'></jqx-list-box>
            <ni-string-control accepts-return='true' binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_ReceivedMessageString", "dco": 19, "isLatched": false, "prop": "text", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["64"]' label-alignment='top-left' label-id='64' ni-control-id='61' read-only='true' text=''></ni-string-control>
            <jqx-toggle-button binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_DequeueMessage", "dco": 20, "isLatched": true, "prop": "value", "sync": false, "unplacedOrDisabled": false}' click-mode='release' content-visible='true' control-resize-mode='fixed' follower-ids='["66"]' glyph-content='' label-alignment='top-left' label-id='66' ni-control-id='63' text-content='Dequeue Message'></jqx-toggle-button>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='62' text='Received Message List'></ni-label>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='64' text='Received Message String'></ni-label>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='66' text='Dequeue Message'></ni-label>
            <jqx-tank binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_QueuedMessages", "dco": 21, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' follower-ids='["68"]' format='decimal' interval='1' label-alignment='top-left' label-id='68' labels-visibility='all' max='10' min='0' ni-control-id='65' ni-type='Int32' orientation='vertical' readonly='true' scale-position='near' significant-digits='6' ticks-visibility='minor' validation='interaction' value='0'></jqx-tank>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='68' text='Queued Messages'></ni-label>
            <ni-cluster binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_ErrorOut", "dco": 22, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' follower-ids='["70"]' label-alignment='top-left' label-id='70' layout='absolute' ni-control-id='67' ni-type='{"fields": ["status", "code", "source"], "name": "Cluster", "subtype": ["Boolean", "Int32", "String"]}' read-only='true' value='{"code": 0, "source": "", "status": false}'>
                <jqx-led binding-info='{"field": "status", "prop": "value", "sync": false}' click-mode='release' control-resize-mode='fixed' false-content='' follower-ids='["72"]' label-alignment='top-left' label-id='72' ni-control-id='71' readonly='true' shape='round' true-content=''></jqx-led>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='72' text='status'></ni-label>
                <jqx-numeric-text-box binding-info='{"field": "code", "prop": "value", "sync": false}' control-resize-mode='fixed' drop-down-enabled='true' enable-mouse-wheel-action='true' follower-ids='["74"]' label-alignment='top-left' label-id='74' max='2147483647' min='-2147483648' ni-control-id='73' ni-type='Int32' radix='decimal' radix-display='true' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='74' text='code'></ni-label>
                <ni-string-control accepts-return='true' binding-info='{"field": "source", "prop": "text", "sync": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["76"]' label-alignment='top-left' label-id='76' ni-control-id='75' read-only='true' text='' word-wrap='true'></ni-string-control>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='76' text='source'></ni-label>
            </ni-cluster>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='70' text='error out'></ni-label>
            <ni-text control-resize-mode='fixed' ni-control-id='69' text='This example creates 3 tags (SystemLink.Examples.bool/numeric/string) '></ni-text>
        </ni-front-panel>
        </div>
    </body>

</html>